<template>
	<view class="container">
		<top-back-navbar position="fixed" title="会飞的鸡蛋" background="#224f91" color="#ffff"></top-back-navbar>
		<view class="home-nav-group">
			<view class="home-nav-item" v-for="(item,index) in navList" :key="index" @click="jumpto(item.path)">
				<image class="home-nav-bg" src="/static/images/home/hfdd_home_item.png"></image>
				<image mode="heightFix" class="home-nav-icon" src="/static/images/home/hfdd_home_icon.png"></image>
				<view class="home-nav-text">{{item.name}}</view>
			</view>
		</view>
		<tabbars :current="0"></tabbars>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				navList:[
					{name:'云养鸡',path:'/pagesD/goods/goods?cate=1289',type:'nav'},
					{name:'会飞的鸡蛋',path:'/pagesD/goods/goods?cate=1268',type:'nav'},
					{name:'云仓提货',path:'/pagesD/goods/goods?cate=1290',type:'nav'},
					{name:'我的钱包',path:'/pagesD/qianbao/qianbao',type:'nav'},
					{name:'我的社区',path:'/pagesD/member/myteam',type:'nav'},
					{name:'项目讲解',path:'/pagesD/pattern/pattern',type:'nav'},
				]
			};
		},
		onLoad: function() {
		},
		methods:{
			jumpto(path) {
				uni.navigateTo({
					url: path
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
	  height: 100%;
	}
	.container {
		display: flex;
		justify-content: center;
		height: 100vh;
		background: #ece7d9;
		background-size: 100% 106%;
		padding-top:160rpx;
		box-sizing: border-box;
		.home-nav-group{
			width: 620rpx;
			.home-nav-item{
				position: relative;
				margin-bottom:40rpx;
				height: 140rpx;
				position: relative;
				.home-nav-bg{
					width: 100%;
					height: 100%;
				}
				.home-nav-icon{
					position: absolute;
					left:6rpx;
					bottom:20rpx;
					height: 150rpx;
				}
				.home-nav-text{
					position: absolute;
					top:0;
					left:0;
					right:0;
					bottom:0;
					padding-right:60rpx;
					font-size:50rpx;
					font-weight: bold;
					display: flex;
					line-height: 160rpx;
					color: #ffffff;
					justify-content: flex-end;
					font-family: PageTitleFonts;
					letter-spacing:8rpx;
				}
			}
		}
	}
</style>
